
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <script src="iconfont.js"></script>

    <style type="text/css">
        .icon {
          /* 通过设置 font-size 来改变图标大小 */
          width: 1em; height: 1em;
          /* 图标和文字相邻时，垂直对齐 */
          vertical-align: -0.15em;
          /* 通过设置 color 来改变 SVG 的颜色/fill */
          fill: currentColor;
          /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
             normalize.css 中也包含这行 */
          overflow: hidden;
        }

    </style>
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quxiao"></use>
                    </svg>
                    <div class="name">取消</div>
                    <div class="fontclass">#ic-quxiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-tianjiagequ"></use>
                    </svg>
                    <div class="name">添加歌曲</div>
                    <div class="fontclass">#ic-tianjiagequ</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-genghuanbizhi"></use>
                    </svg>
                    <div class="name">更换壁纸2</div>
                    <div class="fontclass">#ic-genghuanbizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-paixingshangsheng"></use>
                    </svg>
                    <div class="name">排行-上升</div>
                    <div class="fontclass">#ic-paixingshangsheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-paixingxiajiang"></use>
                    </svg>
                    <div class="name">排行-下降</div>
                    <div class="fontclass">#ic-paixingxiajiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-paixingbubian"></use>
                    </svg>
                    <div class="name">排行-不变</div>
                    <div class="fontclass">#ic-paixingbubian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-new"></use>
                    </svg>
                    <div class="name">new</div>
                    <div class="fontclass">#ic-new</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-guanbi"></use>
                    </svg>
                    <div class="name">关闭</div>
                    <div class="fontclass">#ic-guanbi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-xiangshang"></use>
                    </svg>
                    <div class="name">向上</div>
                    <div class="fontclass">#ic-xiangshang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-xiangxia"></use>
                    </svg>
                    <div class="name">向下</div>
                    <div class="fontclass">#ic-xiangxia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-xiangyou"></use>
                    </svg>
                    <div class="name">向右</div>
                    <div class="fontclass">#ic-xiangyou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-liebiaoshanchu"></use>
                    </svg>
                    <div class="name">列表_删除</div>
                    <div class="fontclass">#ic-liebiaoshanchu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhibofahongbao"></use>
                    </svg>
                    <div class="name">直播_发红包</div>
                    <div class="fontclass">#ic-zhibofahongbao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhibofaliwu"></use>
                    </svg>
                    <div class="name">直播_发礼物</div>
                    <div class="fontclass">#ic-zhibofaliwu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhiboqiapiandanmu"></use>
                    </svg>
                    <div class="name">直播_卡片弹幕</div>
                    <div class="fontclass">#ic-zhiboqiapiandanmu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhiboqiapiandianzan"></use>
                    </svg>
                    <div class="name">直播_卡片点赞</div>
                    <div class="fontclass">#ic-zhiboqiapiandianzan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhiboqiapianqinwen"></use>
                    </svg>
                    <div class="name">直播_卡片亲吻</div>
                    <div class="fontclass">#ic-zhiboqiapianqinwen</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhiboqiapianshijian"></use>
                    </svg>
                    <div class="name">直播_卡片时间</div>
                    <div class="fontclass">#ic-zhiboqiapianshijian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibubiaoqian"></use>
                    </svg>
                    <div class="name">底部_标签</div>
                    <div class="fontclass">#ic-dibubiaoqian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibubiaoqing"></use>
                    </svg>
                    <div class="name">底部_表情</div>
                    <div class="fontclass">#ic-dibubiaoqing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibugengduogongneng"></use>
                    </svg>
                    <div class="name">底部_更多功能</div>
                    <div class="fontclass">#ic-dibugengduogongneng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibujianpan"></use>
                    </svg>
                    <div class="name">底部_键盘</div>
                    <div class="fontclass">#ic-dibujianpan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibuluyin"></use>
                    </svg>
                    <div class="name">底部_录音</div>
                    <div class="fontclass">#ic-dibuluyin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibushipin"></use>
                    </svg>
                    <div class="name">底部_视频</div>
                    <div class="fontclass">#ic-dibushipin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibutupian"></use>
                    </svg>
                    <div class="name">底部_图片</div>
                    <div class="fontclass">#ic-dibutupian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanjudianzan"></use>
                    </svg>
                    <div class="name">全局_点赞</div>
                    <div class="fontclass">#ic-quanjudianzan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanjugengduo"></use>
                    </svg>
                    <div class="name">全局_更多</div>
                    <div class="fontclass">#ic-quanjugengduo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-tieziquxiaoguanbi"></use>
                    </svg>
                    <div class="name">帖子_取消关闭</div>
                    <div class="fontclass">#ic-tieziquxiaoguanbi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanjuyizan"></use>
                    </svg>
                    <div class="name">全局_已赞</div>
                    <div class="fontclass">#ic-quanjuyizan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibubiaoqianquekou"></use>
                    </svg>
                    <div class="name">底部_标签缺口</div>
                    <div class="fontclass">#ic-dibubiaoqianquekou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibugengduogongnengquekou"></use>
                    </svg>
                    <div class="name">底部_更多功能缺口</div>
                    <div class="fontclass">#ic-dibugengduogongnengquekou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibujianpanquekou"></use>
                    </svg>
                    <div class="name">底部_键盘缺口</div>
                    <div class="fontclass">#ic-dibujianpanquekou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibuluyinxiaoquekou"></use>
                    </svg>
                    <div class="name">底部_录音小缺口</div>
                    <div class="fontclass">#ic-dibuluyinxiaoquekou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibushipinquekou"></use>
                    </svg>
                    <div class="name">底部_视频缺口</div>
                    <div class="fontclass">#ic-dibushipinquekou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibutupianquekou"></use>
                    </svg>
                    <div class="name">底部_图片缺口</div>
                    <div class="fontclass">#ic-dibutupianquekou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-tiezishipinda"></use>
                    </svg>
                    <div class="name">帖子_视频大</div>
                    <div class="fontclass">#ic-tiezishipinda</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-tiezishipinquekou"></use>
                    </svg>
                    <div class="name">帖子_视频缺口</div>
                    <div class="fontclass">#ic-tiezishipinquekou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-tiezitupianda"></use>
                    </svg>
                    <div class="name">帖子_图片大</div>
                    <div class="fontclass">#ic-tiezitupianda</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-tiezitupianquekou"></use>
                    </svg>
                    <div class="name">帖子_图片缺口</div>
                    <div class="fontclass">#ic-tiezitupianquekou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-youlexunibi"></use>
                    </svg>
                    <div class="name">游乐_虚拟币</div>
                    <div class="fontclass">#ic-youlexunibi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanjufanhui"></use>
                    </svg>
                    <div class="name">全局_返回</div>
                    <div class="fontclass">#ic-quanjufanhui</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-wodeguanzhuliang"></use>
                    </svg>
                    <div class="name">我的_关注量</div>
                    <div class="fontclass">#ic-wodeguanzhuliang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanzituozhuai"></use>
                    </svg>
                    <div class="name">音乐_拖动排序</div>
                    <div class="fontclass">#ic-quanzituozhuai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhibozantinghuigu"></use>
                    </svg>
                    <div class="name">直播_暂停回顾</div>
                    <div class="fontclass">#ic-zhibozantinghuigu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanjucaidanguanbi"></use>
                    </svg>
                    <div class="name"> 全局_菜单关闭</div>
                    <div class="fontclass">#ic-quanjucaidanguanbi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhibotuichu"></use>
                    </svg>
                    <div class="name">直播_退出</div>
                    <div class="fontclass">#ic-zhibotuichu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhibofanzhuanshexiangtou"></use>
                    </svg>
                    <div class="name">直播_翻转摄像头</div>
                    <div class="fontclass">#ic-zhibofanzhuanshexiangtou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhibobofanghuigu"></use>
                    </svg>
                    <div class="name">直播_播放回顾</div>
                    <div class="fontclass">#ic-zhibobofanghuigu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-yinleyinliang"></use>
                    </svg>
                    <div class="name">音乐_音量</div>
                    <div class="fontclass">#ic-yinleyinliang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhiboxinxiaoxitixing"></use>
                    </svg>
                    <div class="name">直播_新消息提醒</div>
                    <div class="fontclass">#ic-zhiboxinxiaoxitixing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-xiaoxihongdian"></use>
                    </svg>
                    <div class="name">消息_红点</div>
                    <div class="fontclass">#ic-xiaoxihongdian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-xiaoxibeijing"></use>
                    </svg>
                    <div class="name">消息_背景</div>
                    <div class="fontclass">#ic-xiaoxibeijing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-youjiancaidanfenxiang"></use>
                    </svg>
                    <div class="name">右键菜单_分享</div>
                    <div class="fontclass">#ic-youjiancaidanfenxiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-xiaoshipinpaishe"></use>
                    </svg>
                    <div class="name">小视频_拍摄</div>
                    <div class="fontclass">#ic-xiaoshipinpaishe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fatieanzhuluyin"></use>
                    </svg>
                    <div class="name">发帖_按住录音</div>
                    <div class="fontclass">#ic-fatieanzhuluyin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhibokaiqizhibo"></use>
                    </svg>
                    <div class="name">直播_开启直播</div>
                    <div class="fontclass">#ic-zhibokaiqizhibo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-biaoshisousuo"></use>
                    </svg>
                    <div class="name">标识_搜索</div>
                    <div class="fontclass">#ic-biaoshisousuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fenquangongxianbang"></use>
                    </svg>
                    <div class="name">粉圈_贡献榜</div>
                    <div class="fontclass">#ic-fenquangongxianbang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fenquandakairukou"></use>
                    </svg>
                    <div class="name">粉圈_打开入口</div>
                    <div class="fontclass">#ic-fenquandakairukou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhibodashang"></use>
                    </svg>
                    <div class="name">直播_打赏</div>
                    <div class="fontclass">#ic-zhibodashang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhibofaliaotian"></use>
                    </svg>
                    <div class="name">直播_发聊天</div>
                    <div class="fontclass">#ic-zhibofaliaotian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhibogengduo"></use>
                    </svg>
                    <div class="name">直播_更多</div>
                    <div class="fontclass">#ic-zhibogengduo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhiboxuanji"></use>
                    </svg>
                    <div class="name">直播_选集</div>
                    <div class="fontclass">#ic-zhiboxuanji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dengluzhifubao"></use>
                    </svg>
                    <div class="name">登录_支付宝</div>
                    <div class="fontclass">#ic-dengluzhifubao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dengluqq"></use>
                    </svg>
                    <div class="name">登录_QQ</div>
                    <div class="fontclass">#ic-dengluqq</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-denglutaobao"></use>
                    </svg>
                    <div class="name">登录_淘宝</div>
                    <div class="fontclass">#ic-denglutaobao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dengluweixin"></use>
                    </svg>
                    <div class="name">登录_微信</div>
                    <div class="fontclass">#ic-dengluweixin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dengluweibo"></use>
                    </svg>
                    <div class="name">登录_微博</div>
                    <div class="fontclass">#ic-dengluweibo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhiboshouqiquanping"></use>
                    </svg>
                    <div class="name">直播_收起全屏</div>
                    <div class="fontclass">#ic-zhiboshouqiquanping</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhiboquanping"></use>
                    </svg>
                    <div class="name">直播_全屏</div>
                    <div class="fontclass">#ic-zhiboquanping</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-bangdingshouji"></use>
                    </svg>
                    <div class="name">绑定_手机</div>
                    <div class="fontclass">#ic-bangdingshouji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-bangdingyouxiang"></use>
                    </svg>
                    <div class="name">绑定_邮箱</div>
                    <div class="fontclass">#ic-bangdingyouxiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fenxiangda"></use>
                    </svg>
                    <div class="name">分享_大</div>
                    <div class="fontclass">#ic-fenxiangda</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dianzanda"></use>
                    </svg>
                    <div class="name">点赞_大</div>
                    <div class="fontclass">#ic-dianzanda</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-shurukuangjianpan"></use>
                    </svg>
                    <div class="name">输入框_键盘</div>
                    <div class="fontclass">#ic-shurukuangjianpan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-shurukuangbiaoqing"></use>
                    </svg>
                    <div class="name">输入框_表情</div>
                    <div class="fontclass">#ic-shurukuangbiaoqing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhibobiaoqing"></use>
                    </svg>
                    <div class="name">直播_标清</div>
                    <div class="fontclass">#ic-zhibobiaoqing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhibobiaoqingkuang"></use>
                    </svg>
                    <div class="name">直播_标清框</div>
                    <div class="fontclass">#ic-zhibobiaoqingkuang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhibofadanmu1"></use>
                    </svg>
                    <div class="name">直播_发弹幕</div>
                    <div class="fontclass">#ic-zhibofadanmu1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhibogaoqing"></use>
                    </svg>
                    <div class="name">直播_高清</div>
                    <div class="fontclass">#ic-zhibogaoqing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhibogaoqingkuang"></use>
                    </svg>
                    <div class="name">直播_高清框</div>
                    <div class="fontclass">#ic-zhibogaoqingkuang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhiboliuchang"></use>
                    </svg>
                    <div class="name">直播_流畅</div>
                    <div class="fontclass">#ic-zhiboliuchang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhiboliuchangkuang"></use>
                    </svg>
                    <div class="name">直播_流畅框</div>
                    <div class="fontclass">#ic-zhiboliuchangkuang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhiboxiazai"></use>
                    </svg>
                    <div class="name">直播_下载</div>
                    <div class="fontclass">#ic-zhiboxiazai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-youlegongxianzhi"></use>
                    </svg>
                    <div class="name">游乐_贡献值</div>
                    <div class="fontclass">#ic-youlegongxianzhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fenquanqita"></use>
                    </svg>
                    <div class="name">粉圈_其他</div>
                    <div class="fontclass">#ic-fenquanqita</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhibochaoqing"></use>
                    </svg>
                    <div class="name">直播_超清</div>
                    <div class="fontclass">#ic-zhibochaoqing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhibochaoqingkuang"></use>
                    </svg>
                    <div class="name">直播_超清框</div>
                    <div class="fontclass">#ic-zhibochaoqingkuang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanjudidian"></use>
                    </svg>
                    <div class="name">全局_地点</div>
                    <div class="fontclass">#ic-quanjudidian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanjushijian"></use>
                    </svg>
                    <div class="name">全局_时间</div>
                    <div class="fontclass">#ic-quanjushijian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-xingchengicontianjiafengmian"></use>
                    </svg>
                    <div class="name">行程_icon_添加封面</div>
                    <div class="fontclass">#ic-xingchengicontianjiafengmian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fatierukouxingcheng"></use>
                    </svg>
                    <div class="name">发帖入口_行程</div>
                    <div class="fontclass">#ic-fatierukouxingcheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fenquanjifenzhongchou"></use>
                    </svg>
                    <div class="name">粉圈_积分众筹</div>
                    <div class="fontclass">#ic-fenquanjifenzhongchou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fenquanheimingdanguanli24"></use>
                    </svg>
                    <div class="name">粉圈_黑名单管理_24</div>
                    <div class="fontclass">#ic-fenquanheimingdanguanli24</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fenquanneirongguanli24"></use>
                    </svg>
                    <div class="name">粉圈_内容管理_24</div>
                    <div class="fontclass">#ic-fenquanneirongguanli24</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fenquanbenzhouxingcheng24"></use>
                    </svg>
                    <div class="name">粉圈_本周行程_24</div>
                    <div class="fontclass">#ic-fenquanbenzhouxingcheng24</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fenquanzhongchouhuodong24"></use>
                    </svg>
                    <div class="name">粉圈_众筹活动_24</div>
                    <div class="fontclass">#ic-fenquanzhongchouhuodong24</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fenquanjinyanguanli24"></use>
                    </svg>
                    <div class="name">粉圈_禁言管理_24</div>
                    <div class="fontclass">#ic-fenquanjinyanguanli24</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fenquanjinghuatie24"></use>
                    </svg>
                    <div class="name">粉圈_精华帖_24</div>
                    <div class="fontclass">#ic-fenquanjinghuatie24</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fenquantuanduirizhi24"></use>
                    </svg>
                    <div class="name">粉圈_团队日志_24</div>
                    <div class="fontclass">#ic-fenquantuanduirizhi24</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fenquanxingchengshenhe24"></use>
                    </svg>
                    <div class="name">粉圈_行程审核_24</div>
                    <div class="fontclass">#ic-fenquanxingchengshenhe24</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fenquanbenzhougongxianbang24"></use>
                    </svg>
                    <div class="name">粉圈_本周贡献榜_24</div>
                    <div class="fontclass">#ic-fenquanbenzhougongxianbang24</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-mingxingxingchengiconshanchu"></use>
                    </svg>
                    <div class="name">明星行程_icon_删除</div>
                    <div class="fontclass">#ic-mingxingxingchengiconshanchu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fenquanredu"></use>
                    </svg>
                    <div class="name">粉圈_热度</div>
                    <div class="fontclass">#ic-fenquanredu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhibokaiqidanmu"></use>
                    </svg>
                    <div class="name">直播_开启弹幕</div>
                    <div class="fontclass">#ic-zhibokaiqidanmu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-zhibopingbidanmu"></use>
                    </svg>
                    <div class="name">直播_屏蔽弹幕</div>
                    <div class="fontclass">#ic-zhibopingbidanmu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-shurukuangxiangji"></use>
                    </svg>
                    <div class="name">输入框_相机</div>
                    <div class="fontclass">#ic-shurukuangxiangji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanzidianzan24"></use>
                    </svg>
                    <div class="name">圈子_点赞24</div>
                    <div class="fontclass">#ic-quanzidianzan24</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanzifenxiang24"></use>
                    </svg>
                    <div class="name">圈子_分享24</div>
                    <div class="fontclass">#ic-quanzifenxiang24</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanzipinglunshu24"></use>
                    </svg>
                    <div class="name">圈子_评论数24</div>
                    <div class="fontclass">#ic-quanzipinglunshu24</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanziyizan24"></use>
                    </svg>
                    <div class="name">圈子_已赞24</div>
                    <div class="fontclass">#ic-quanziyizan24</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-shurukuang"></use>
                    </svg>
                    <div class="name">输入框_@</div>
                    <div class="fontclass">#ic-shurukuang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-shipin_yinliang"></use>
                    </svg>
                    <div class="name">视频_音量</div>
                    <div class="fontclass">#ic-shipin_yinliang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-shipin_kuaijin"></use>
                    </svg>
                    <div class="name">视频_快进</div>
                    <div class="fontclass">#ic-shipin_kuaijin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-shipin_liangdu"></use>
                    </svg>
                    <div class="name">视频_亮度</div>
                    <div class="fontclass">#ic-shipin_liangdu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-shipin_jingyin"></use>
                    </svg>
                    <div class="name">视频_静音</div>
                    <div class="fontclass">#ic-shipin_jingyin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-shipin_kuaitui"></use>
                    </svg>
                    <div class="name">视频_快退</div>
                    <div class="fontclass">#ic-shipin_kuaitui</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanzi_yueduliang"></use>
                    </svg>
                    <div class="name">圈子_阅读量</div>
                    <div class="fontclass">#ic-quanzi_yueduliang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-shouye_pinglun"></use>
                    </svg>
                    <div class="name">首页_评论</div>
                    <div class="fontclass">#ic-shouye_pinglun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-shouye_yizan"></use>
                    </svg>
                    <div class="name">首页_已赞</div>
                    <div class="fontclass">#ic-shouye_yizan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-shouye_fenxiang"></use>
                    </svg>
                    <div class="name">首页_分享</div>
                    <div class="fontclass">#ic-shouye_fenxiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-shouye_jifen"></use>
                    </svg>
                    <div class="name">首页_积分</div>
                    <div class="fontclass">#ic-shouye_jifen</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-shouye_dianzan"></use>
                    </svg>
                    <div class="name">首页_点赞</div>
                    <div class="fontclass">#ic-shouye_dianzan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanzi_gongxianzhi"></use>
                    </svg>
                    <div class="name">圈子_贡献值</div>
                    <div class="fontclass">#ic-quanzi_gongxianzhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanju_zanting"></use>
                    </svg>
                    <div class="name">全局_暂停</div>
                    <div class="fontclass">#ic-quanju_zanting</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-daohang_richeng"></use>
                    </svg>
                    <div class="name">导航_日程</div>
                    <div class="fontclass">#ic-daohang_richeng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanju_bofang"></use>
                    </svg>
                    <div class="name">全局_播放</div>
                    <div class="fontclass">#ic-quanju_bofang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-daohang_xiaoxi"></use>
                    </svg>
                    <div class="name">导航_消息</div>
                    <div class="fontclass">#ic-daohang_xiaoxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-shipin_bofangliang"></use>
                    </svg>
                    <div class="name">视频_播放量</div>
                    <div class="fontclass">#ic-shipin_bofangliang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanju_sousuo"></use>
                    </svg>
                    <div class="name">全局_搜索</div>
                    <div class="fontclass">#ic-quanju_sousuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibu_wode_p"></use>
                    </svg>
                    <div class="name">底部_我的_p</div>
                    <div class="fontclass">#ic-dibu_wode_p</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibu_jinquan_p"></use>
                    </svg>
                    <div class="name">底部_进圈_p</div>
                    <div class="fontclass">#ic-dibu_jinquan_p</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibu_guangchang_p"></use>
                    </svg>
                    <div class="name">底部_广场_p</div>
                    <div class="fontclass">#ic-dibu_guangchang_p</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibu_wode_n"></use>
                    </svg>
                    <div class="name">底部_我的_n</div>
                    <div class="fontclass">#ic-dibu_wode_n</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibu_guangchang_n"></use>
                    </svg>
                    <div class="name">底部_广场_n</div>
                    <div class="fontclass">#ic-dibu_guangchang_n</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibu_jinquan_n"></use>
                    </svg>
                    <div class="name">底部_进圈_n</div>
                    <div class="fontclass">#ic-dibu_jinquan_n</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibu_shouye_n"></use>
                    </svg>
                    <div class="name">底部_首页_n</div>
                    <div class="fontclass">#ic-dibu_shouye_n</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibu_shouye_p"></use>
                    </svg>
                    <div class="name">底部_首页_p</div>
                    <div class="fontclass">#ic-dibu_shouye_p</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibu_fabu"></use>
                    </svg>
                    <div class="name">底部_发布</div>
                    <div class="fontclass">#ic-dibu_fabu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanju_xuanquan"></use>
                    </svg>
                    <div class="name">全局_选圈</div>
                    <div class="fontclass">#ic-quanju_xuanquan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanzi_redu"></use>
                    </svg>
                    <div class="name">圈子_热度</div>
                    <div class="fontclass">#ic-quanzi_redu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanju_xuanzhong"></use>
                    </svg>
                    <div class="name">全局_选中</div>
                    <div class="fontclass">#ic-quanju_xuanzhong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanzi_renshu"></use>
                    </svg>
                    <div class="name">圈子_人数</div>
                    <div class="fontclass">#ic-quanzi_renshu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-sousuo_didian24"></use>
                    </svg>
                    <div class="name">搜索_地点24</div>
                    <div class="fontclass">#ic-sousuo_didian24</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-xiangce_xiazaiyuantu"></use>
                    </svg>
                    <div class="name">相册_下载原图</div>
                    <div class="fontclass">#ic-xiangce_xiazaiyuantu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanzi_didian16"></use>
                    </svg>
                    <div class="name">圈子_地点16</div>
                    <div class="fontclass">#ic-quanzi_didian16</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-denglu_xianshimima"></use>
                    </svg>
                    <div class="name">登录_显示密码</div>
                    <div class="fontclass">#ic-denglu_xianshimima</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-guangchang_pinglunshu"></use>
                    </svg>
                    <div class="name">广场_评论数</div>
                    <div class="fontclass">#ic-guangchang_pinglunshu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanzi_huanyihuan"></use>
                    </svg>
                    <div class="name">圈子_换一换</div>
                    <div class="fontclass">#ic-quanzi_huanyihuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-wode_xiaoxi"></use>
                    </svg>
                    <div class="name">我的_消息</div>
                    <div class="fontclass">#ic-wode_xiaoxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-denglu_gengduozhankai"></use>
                    </svg>
                    <div class="name">登录_更多展开</div>
                    <div class="fontclass">#ic-denglu_gengduozhankai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-denglu_gengduoshouqi"></use>
                    </svg>
                    <div class="name">登录_更多收起</div>
                    <div class="fontclass">#ic-denglu_gengduoshouqi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-wode_jiaguanzhu"></use>
                    </svg>
                    <div class="name">我的_加关注</div>
                    <div class="fontclass">#ic-wode_jiaguanzhu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-wode_bianji"></use>
                    </svg>
                    <div class="name">我的_编辑</div>
                    <div class="fontclass">#ic-wode_bianji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fabu_shanchu"></use>
                    </svg>
                    <div class="name">发布_删除</div>
                    <div class="fontclass">#ic-fabu_shanchu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-xiangce_qidongxiangji"></use>
                    </svg>
                    <div class="name">相册_启动相机</div>
                    <div class="fontclass">#ic-xiangce_qidongxiangji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanzi_tianjiatupian241"></use>
                    </svg>
                    <div class="name">圈子_添加图片24</div>
                    <div class="fontclass">#ic-quanzi_tianjiatupian241</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanzi_tianjiatupian321"></use>
                    </svg>
                    <div class="name">圈子_添加图片32</div>
                    <div class="fontclass">#ic-quanzi_tianjiatupian321</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanzi_daoxu"></use>
                    </svg>
                    <div class="name">圈子_倒序</div>
                    <div class="fontclass">#ic-quanzi_daoxu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanju_gouxuan"></use>
                    </svg>
                    <div class="name">全局_勾选</div>
                    <div class="fontclass">#ic-quanju_gouxuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-wodeyiguanzhu"></use>
                    </svg>
                    <div class="name">我的_已关注</div>
                    <div class="fontclass">#ic-wodeyiguanzhu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanzi_qita"></use>
                    </svg>
                    <div class="name">圈子_其他</div>
                    <div class="fontclass">#ic-quanzi_qita</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanzi_hangcheng"></use>
                    </svg>
                    <div class="name">圈子_行程</div>
                    <div class="fontclass">#ic-quanzi_hangcheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanju_shipinbiaoqian"></use>
                    </svg>
                    <div class="name">全局_视频标签</div>
                    <div class="fontclass">#ic-quanju_shipinbiaoqian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fenquan_zhongxindingwei"></use>
                    </svg>
                    <div class="name">粉圈_重新定位</div>
                    <div class="fontclass">#ic-fenquan_zhongxindingwei</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanju_bangzhu"></use>
                    </svg>
                    <div class="name">全局_帮助</div>
                    <div class="fontclass">#ic-quanju_bangzhu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibu_shouqijianpan"></use>
                    </svg>
                    <div class="name">底部_收起键盘</div>
                    <div class="fontclass">#ic-dibu_shouqijianpan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-sousuo_zhaopianshu"></use>
                    </svg>
                    <div class="name"> 搜索_照片数</div>
                    <div class="fontclass">#ic-sousuo_zhaopianshu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-sousuo_dingyue"></use>
                    </svg>
                    <div class="name"> 搜索_订阅</div>
                    <div class="fontclass">#ic-sousuo_dingyue</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-xiaoxi_xitong"></use>
                    </svg>
                    <div class="name">消息_系统</div>
                    <div class="fontclass">#ic-xiaoxi_xitong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-xiaoxi_huodong"></use>
                    </svg>
                    <div class="name">消息_活动</div>
                    <div class="fontclass">#ic-xiaoxi_huodong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-xiaoxi_wode"></use>
                    </svg>
                    <div class="name">消息_@我的</div>
                    <div class="fontclass">#ic-xiaoxi_wode</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-xiaoxi_jiaoyi"></use>
                    </svg>
                    <div class="name">消息_交易</div>
                    <div class="fontclass">#ic-xiaoxi_jiaoyi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-xiaoxi_quanzi"></use>
                    </svg>
                    <div class="name">消息_圈子</div>
                    <div class="fontclass">#ic-xiaoxi_quanzi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-xiaoxi_yonghu"></use>
                    </svg>
                    <div class="name">消息_用户</div>
                    <div class="fontclass">#ic-xiaoxi_yonghu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-xiaoxi_fenxiang"></use>
                    </svg>
                    <div class="name">消息_分享</div>
                    <div class="fontclass">#ic-xiaoxi_fenxiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibu_fenxiang"></use>
                    </svg>
                    <div class="name">底部_分享</div>
                    <div class="fontclass">#ic-dibu_fenxiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-dibu_dianzan"></use>
                    </svg>
                    <div class="name">底部_点赞</div>
                    <div class="fontclass">#ic-dibu_dianzan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanzi_guanli"></use>
                    </svg>
                    <div class="name">圈子_管理</div>
                    <div class="fontclass">#ic-quanzi_guanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanzi_tianxiejiyu"></use>
                    </svg>
                    <div class="name">圈子_填写寄语</div>
                    <div class="fontclass">#ic-quanzi_tianxiejiyu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-quanzi_qiapiantupian"></use>
                    </svg>
                    <div class="name">圈子_卡片图片</div>
                    <div class="fontclass">#ic-quanzi_qiapiantupian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fenquan_shaixuan"></use>
                    </svg>
                    <div class="name">粉圈_筛选</div>
                    <div class="fontclass">#ic-fenquan_shaixuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fenquan_kaiqidongtai"></use>
                    </svg>
                    <div class="name">粉圈_开启动态</div>
                    <div class="fontclass">#ic-fenquan_kaiqidongtai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fenquan_hudong"></use>
                    </svg>
                    <div class="name">粉圈_互动</div>
                    <div class="fontclass">#ic-fenquan_hudong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fenquan_guanbidongtai"></use>
                    </svg>
                    <div class="name">粉圈_关闭动态</div>
                    <div class="fontclass">#ic-fenquan_guanbidongtai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-shipin_tuichuquanping"></use>
                    </svg>
                    <div class="name">视频_退出全屏</div>
                    <div class="fontclass">#ic-shipin_tuichuquanping</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-shipin_fabiaopinglun"></use>
                    </svg>
                    <div class="name">视频_发表评论</div>
                    <div class="fontclass">#ic-shipin_fabiaopinglun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-shipin_quanping"></use>
                    </svg>
                    <div class="name">视频_全屏</div>
                    <div class="fontclass">#ic-shipin_quanping</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-fensi_mingxing"></use>
                    </svg>
                    <div class="name">粉丝_明星</div>
                    <div class="fontclass">#ic-fensi_mingxing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ic-xiangzuo"></use>
                    </svg>
                    <div class="name">向左</div>
                    <div class="fontclass">#ic-xiangzuo</div>
                </li>
            
        </ul>


        <h2 id="symbol-">symbol引用</h2>
        <hr>

        <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
        这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：</p>
        <ul>
          <li>支持多色图标了，不再受单色限制。</li>
          <li>通过一些技巧，支持像字体那样，通过<code>font-size</code>,<code>color</code>来调整样式。</li>
          <li>兼容性较差，支持 ie9+,及现代浏览器。</li>
          <li>浏览器渲染svg的性能一般，还不如png。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-symbol-">第一步：引入项目下面生成的symbol代码：</h3>
        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
        <h3 id="-css-">第二步：加入通用css代码（引入一次就行）：</h3>
        <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
.icon {
   width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
   vertical-align: <span class="hljs-number">-0.15</span>em;
   fill: currentColor;
   overflow: hidden;
}
&lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
        <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
  &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#ic-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
</span>&lt;<span class="hljs-regexp">/svg&gt;
        </span></code></pre>
    </div>
</body>
</html>
